<template>
	<div class="dljm">

		<a href="https://www.bilibili.com/">
			<img src="../assets/R-C.png" :style="bimageStyle" @mouseenter="bhandleMouseEnter"
				@mouseleave="bhandleMouseLeave" class="bili" />
		</a>

		</a>
		<a href="https://music.163.com/#/my/m/music/playlist"><img src="../assets/OIP-C.jpg" :style="imageStyle"
				@mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave" class="wyy" /> </a>
		<a href="https://mariogame.org/zh/" target="myFrame" class="wz">shou time</a>
		<iframe name="myFrame" width="800" height="600" class="clml"></iframe>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		computed: {


		},
		methods: {

		},
	};
</script>

<style>
	.wyy {
		position: absolute;
		top: 100px;
		left: 1100px;
		width: 200px;
		height: 200px;
		border-radius: 10px 10px 10px 10px;
	}

	.wz {
		position: absolute;
		top: 330px;
		left: 1100px;
	}

	.bili {
		position: absolute;
		left: 1100px;
		top: 400px;
		width: 200px;
		height: 200px;
		border-radius: 10px 10px 10px 10px;
	}

	.dljm {
		background-image: url(../assets/R-C.jpg);
		margin: 0;
		padding: 0;
	}


	h1 {
		font-size: 50px;
		text-align: center;
		vertical-align: middle;
	}
</style>